/* CSS file */
/* **************** */
/* MAIN APPLICATION */
MainApplication
{
	background-gradient-colors : #FFFFFF,#FFFFFF;
	vertical-gap			: 0;
	horizontal-gap			: 0;
	font-family				: Verdana, "_sans";
	color					: #000000;
	font-size				: 11;
	font-weight				: normal;
}
/* **************** */
/* BASE STYLES */
.dateUpperFont
{
	font-family				: Verdana, "_sans";
	font-size				: 80;
	letter-spacing			: -6;
	font-weight				: bold;
	shadow-color			: #000000;
	shadow-distance			: 25;
	shadow-direction		: center;
}
.dateLowerFont
{
	font-family				: Verdana, "_sans";
	font-size				: 30;
	letter-spacing			: 2;
	font-weight				: bold;
}
.userNameFont
{
	font-size				: 18;
	font-weight				: bold;
}
.userAccountFont
{
	color					: #FFFFFF;
	text-roll-over-color	: #FFFFFF;
	text-selected-color		: #FFFFFF;
}
.userWallpaperFont
{
	font-size				: 15;
}
.agendaTitleFont
{
	font-size				: 15;
	font-weight				: bold;
}
.agendaBodyFont
{
	font-size				: 12;
}
.mypanelTitle
{
   letterSpacing: 0;
   textAlign: center;
   fontSize: 20;
   fontWeight: bold;
}
/* **************** */
/* BASE COMPONENTS */
VBox
{
	vertical-gap			: 0;
	horizontal-gap			: 0;
}
HBox
{
	vertical-gap			: 0;
	horizontal-gap			: 0;
}

RadioButton
{
   highlightAlphas: 1, 0.07;
   fillAlphas: 1, 0.52, 0.48, 0.52;
   fillColors: #ffffff, #ffffff, #ffffff, #ffffff;
   borderColor: #b7babc;
   color: #0b333c;
}
TextInput {
   borderStyle: solid;
   borderThickness: 0;
   cornerRadius: 20;
   letterSpacing: 1;
   paddingLeft: 20;
   paddingRight: 20;
   fontSize: 20;
}
Panel
{
   borderStyle: solid;
   borderColor: #ffffff;
   borderAlpha: 1;
   borderThickness: 0;
   roundedBottomCorners: true;
   cornerRadius: 20;
   headerHeight: 18;
   shadowDirection: right;
   titleStyleName: "mypanelTitle";
}
TextArea
{
   paddingLeft: 0;
   borderColor: #ffffff;
   borderThickness: 10;
   cornerRadius: 16;
   dropShadowEnabled: true;
   shadowDirection: right;
}
/* **************** */
/* VIEWS */
WiiavieMainView
{
	padding-left			: 0;
	padding-top				: 0;
	padding-right			: 0;
	padding-bottom			: 0;
	
	horizontal-center		: 0;
	
	vertical-gap			: 0;
	horizontal-gap			: 0;
	
	border-thickness		: 1;
	border-color			: #CCCCCC;
	border-alpha			: 1;
	border-style			: solid;
	corner-radius			: 20;
}
/* **************** */
/* TEMPLATE WIDGETS */
WiiavieHeaderWidget
{
	padding-top				: 10;
	padding-left			: 10;
	padding-right			: 10;
	vertical-gap			: 0;
	horizontal-gap			: 0;			
}
WiiavieContentWidget
{
	background-color		: #FFFFFF;
	vertical-gap			: 0;
	horizontal-gap			: 0;
}
WiiavieFooterWidget
{
	background-color		: #FFFFFF;
	vertical-gap			: 0;
	horizontal-gap			: 0;
}
/* **************** */
/* HEADER DESIGN */
/*
HeaderWallpaper
{
	headerWallpaperSkin		: ClassReference("main.flex.skin.main.HeaderWallpaperSkin");
}
*/
HeaderUserLabel
{
	labelSkin				: ClassReference("main.flex.skin.HeaderUserSkin");
	focus-skin				: ClassReference("main.flex.skin.HeaderUserSkin");
	border-style			: solid;
	color					: #FFFFFF;
	background-color		: #9CCC38;
}
HeaderAccountButton
{
	border-style			: solid;
	color					: #FFFFFF;
	text-roll-over-color	: #FFFFFF;
	text-selected-color		: #FFFFFF;
	background-color		: #9CCC38;
	
	up-skin					: ClassReference('main.flex.skin.HeaderAccountSkin');
	down-skin				: ClassReference('main.flex.skin.HeaderAccountSkin');
	over-skin				: ClassReference('main.flex.skin.HeaderAccountSkin');
	disabled-skin			: ClassReference('main.flex.skin.HeaderAccountSkin');
	focus-skin				: ClassReference('main.flex.skin.HeaderAccountSkin');
}

NavigationButton
{
	border-style			: solid;
	color					: #FFFFFF;
	text-roll-over-color	: #FFFFFF;
	text-selected-color		: #FFFFFF;
	background-color		: #9CCC38;
	
	up-skin					: ClassReference('main.flex.skin.NavigationButtonSkin');
	down-skin				: ClassReference('main.flex.skin.NavigationButtonSkin');
	over-skin				: ClassReference('main.flex.skin.NavigationButtonSkin');
	disabled-skin			: ClassReference('main.flex.skin.NavigationButtonSkin');
	focus-skin				: ClassReference('main.flex.skin.NavigationButtonSkin');
}

HeaderDisconnectButton
{
	border-style			: solid;
	color					: #FFFFFF;
	text-roll-over-color	: #FFFFFF;
	text-selected-color		: #FFFFFF;
	background-color		: #9CCC38;
	
	up-skin					: ClassReference('main.flex.skin.HeaderDisconnectSkin');
	down-skin				: ClassReference('main.flex.skin.HeaderDisconnectSkin');
	over-skin				: ClassReference('main.flex.skin.HeaderDisconnectSkin');
	disabled-skin			: ClassReference('main.flex.skin.HeaderDisconnectSkin');
	focus-skin				: ClassReference('main.flex.skin.HeaderDisconnectSkin');
}
HeaderWallpaperComponent
{
	padding-left			: 20;
	padding-right			: 10;
	padding-top				: 5;
	padding-bottom			: 5;
	border-skin				: ClassReference('main.flex.skin.HeaderWallpaperSkin');
}

HomeVisioButton
{
    font-familyamily		: Verdana;
    font-size				: 20;
    color					: #BBBBBB;
    text-roll-over-color	: #FFFFFF;
    padding-left			: -200;
    padding-top				: 85;
 
	upSkin					: ClassReference('main.flex.skin.HomeVisioSkin');
	downSkin				: ClassReference('main.flex.skin.HomeVisioSkin');
	overSkin				: ClassReference('main.flex.skin.HomeVisioSkin');
	disabledSkin			: ClassReference('main.flex.skin.HomeVisioSkin');
}

HomeMediaButton
{
    font-familyamily		: Verdana;
    font-size				: 20;
    color					: #BBBBBB;
    text-roll-over-color	: #FFFFFF;
    padding-left			: -200;
    padding-top				: 85;
 
	upSkin					: ClassReference('main.flex.skin.HomeVisioSkin');
	downSkin				: ClassReference('main.flex.skin.HomeVisioSkin');
	overSkin				: ClassReference('main.flex.skin.HomeVisioSkin');
	disabledSkin			: ClassReference('main.flex.skin.HomeVisioSkin');
}

HomeCalendarButton
{
    font-familyamily		: Verdana;
    font-size				: 20;
    color					: #BBBBBB;
    text-roll-over-color	: #FFFFFF;
    label-align				: center;
    padding-left			: -190;
    padding-top				: 85;
   
	upSkin					: ClassReference('main.flex.skin.HomeVisioSkin');
	downSkin				: ClassReference('main.flex.skin.HomeVisioSkin');
	overSkin				: ClassReference('main.flex.skin.HomeVisioSkin');
	disabledSkin			: ClassReference('main.flex.skin.HomeVisioSkin');
}

VisioPanel
{
   borderStyle: solid;
   borderColor: #ffffff;
   borderAlpha: 1;
   borderThickness: 0;
   roundedBottomCorners: true;
   cornerRadius: 20;
   headerHeight: 18;
   shadowDirection: right;
   titleStyleName: "mypanelTitle";
}

VisioButton
{
   cornerRadius			: 20;
   paddingBottom		: 3;
   fillAlphas			: 0.88, 0.4, 0.75, 0.65;
   fillColors			: #ffffff, #cccccc, #ffffff, #eeeeee;
   color				: #000000;
   fontSize				: 20;
   background-alpha		: 1;
}

IdentificationPanel{
   borderColor: #ffffff;
   borderAlpha: 1;
   borderThicknessLeft: 10;
   borderThicknessTop: 6;
   borderThicknessBottom: 2;
   borderThicknessRight: 10;
   roundedBottomCorners: true;
   cornerRadius: 20;
   headerHeight: 40;
   titleStyleName: "myIdentificationPanelTitle";
   padding-left:20;
}

.myIdentificationPanelTitle {
   color: #9CCC38;
   fontSize: 20;
}

Label{
	font-size:20;
	font-family:"Verdana";
}

NavigationButton{
	font-size : 20;
}

userWallpaperFont
{
	font-size : 15;
	font-weight : bold;
	font-variant : small-caps;
	color : #666666;
	letter-spacing : 2;
	padding-top : 2;
}

LinkBar {
   color: #828282;
   textRollOverColor: #828282;
   textSelectedColor: #828282;
   fontSize: 10;
}
/*
HeaderDisconnect
{
	headerDisconnectSkin	: ClassReference("main.flex.skin.main.HeaderDisconnectSkin");
}
*/
/* BODY DESIGN */
/*
BodyCircle
{
	bodyCircleSkin			: ClassReference("main.flex.skin.main.MainCircleSkin");
}
BodyAgenda
{
	bodyAgendaSkin			: ClassReference("main.flex.skin.main.MainAgendaSkin");
}
*/
/* FOOTER DESIGN */
/*
FooterHelp
{
	footerHelpSkin			: ClassReference("main.flex.skin.main.FooterHelpSkin");
}
*/